import 'package:flutter/material.dart';
/* 
Card组件 具有圆角和阴影
- margin           外边距
- elevation        阴影值的深度
- color            背景颜色
- shadowColor      阴影颜色
- clipBehavior     内容溢出的剪切方式
  - Clip.none不剪切 
  - Clip.hardEdge裁剪但不应用抗锯齿 
  - Clip.antiAlias裁剪而且抗锯齿 
  - Clip.antiAliasWithSaveLayer带有抗锯齿的剪辑，并在剪辑之后立即保存saveLayer
- Shape            Card的阴影效果，默认的阴影效果为圆角的长方形边。


AspectRatio的作用是根据设置调整子元素child的宽高比。
*/

void main() {
  runApp(
      // 入口文件可以是自定义组件 也可以是flutter组件
      MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text('Card组件'),
      ),
      body: MyApp(),
    ),
  ));
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return ListView(
      children: <Widget>[
        Card(
          elevation: 20,
          // 阴影效果 加上圆角
          shape:  RoundedRectangleBorder(
            borderRadius:BorderRadius.circular(10),
          ),
          margin: EdgeInsets.all(20),
          child: Column(
            children: <Widget>[
              AspectRatio(
                aspectRatio: 1.8,  // 宽高比  数值是多少 意思是宽度是高度的倍数
                child: Image.network("https://www.itying.com/images/flutter/2.png",fit: BoxFit.cover,),

              ),
              ListTile(
                leading: ClipOval(
                  child: Image.network("https://www.itying.com/images/flutter/2.png",fit:
BoxFit.cover,height:60,width: 60),
                ),
                title: Text('xxxxxx'),
                subtitle: Text('xxxxxxxxxxxxx'),
              )
            ],
          ),
        )
      ],
    );
  }
}
